<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>数字看板</title>
    <link rel="stylesheet" href="../static/css/common.css" />
    <link rel="stylesheet" href="../static/css/page4.css" />
    <link rel="stylesheet" href="../static/css/carousel.css" />
  </head>
  <body>
    <div id="app">
      <div class="header"></div>
      <div class="main-content">
        <div class="change-list">
          <ul>
            <li class="active"><i></i></li>
            <li><i></i></li>
            <li><i></i></li>
          </ul>
        </div>
        <div class="top-container">
          <div class="table-container top-left">
            <div class="title">异常呼叫</div>
            <div class="vticker-container">
              <div class="vticker">
                <div class="vticker-header">
                  <ul>
                    <li>设备名称</li>
                    <li>呼叫人</li>
                    <li>呼叫时间</li>
                    <li>呼叫状态</li>
                  </ul>
                </div>
                <div class="vticker-body" id="vticker1">
                  <ul>
                    <li>
                      <div>刀塔横架数控机床</div>
                      <div>余增建</div>
                      <div class="time">2022-09-20 09:21:58</div>
                      <div>待处理</div>
                    </li>
                    <li class="even">
                      <div>刀塔横架数控机床</div>
                      <div>林卫兵</div>
                      <div class="time">2022-09-20 08:41:03</div>
                      <div>待处理</div>
                    </li>
                    <li>
                      <div>刀塔横架数控机床</div>
                      <div>王苏方</div>
                      <div class="time">2022-09-20 08:37:12</div>
                      <div>待处理</div>
                    </li>
                    <li class="even">
                      <div>刀塔横架数控机床</div>
                      <div>罗胜彬</div>
                      <div class="time">2022-09-20 07:22:26</div>
                      <div>已处理</div>
                    </li>
                    <li>
                      <div>刀塔横架数控机床</div>
                      <div>马俊</div>
                      <div class="time">2022-09-20 07:43:21</div>
                      <div>已处理</div>
                    </li>
                    <li class="even">
                      <div>刀塔横架数控机床</div>
                      <div>胡林美</div>
                      <div class="time">2022-09-20 06:08:43</div>
                      <div>已处理</div>
                    </li>
                    <li>
                      <div>刀塔横架数控机床</div>
                      <div>常刘勇</div>
                      <div class="time">2022-09-20 09：21：58</div>
                      <div>已处理</div>
                    </li>
                    <li class="even">
                      <div>刀塔横架数控机床</div>
                      <div>吴向兵</div>
                      <div class="time">2022-09-20 09：39：42</div>
                      <div>待处理</div>
                    </li>
                    <li>
                      <div>刀塔横架数控机床</div>
                      <div>明永中</div>
                      <div class="time">2022-09-20 10：12：32</div>
                      <div>已处理</div>
                    </li>
                    <li class="even">
                      <div>刀塔横架数控机床</div>
                      <div>马俊</div>
                      <div class="time">2022-09-20 08：43：25</div>
                      <div>已处理</div>
                    </li>
                    <li>
                      <div>刀塔横架数控机床</div>
                      <div>应金辉</div>
                      <div class="time">2022-09-20 10：43：15</div>
                      <div>待处理</div>
                    </li>
                    <li>
                      <div>刀塔横架数控机床</div>
                      <div>兰丽芳</div>
                      <div class="time">2022-09-20 12：31: 43</div>
                      <div>待处理</div>
                    </li>
                    <li class="even">
                      <div>刀塔横架数控机床</div>
                      <div>余纪国</div>
                      <div class="time">2022-09-20 14：45：51</div>
                      <div>已处理</div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="table-container top-right">
            <div class="title">产品列表</div>
            <div class="vticker-container" style="right: 0">
              <div class="vticker">
                <div class="vticker-header">
                  <ul>
                    <li>产品名称</li>
                    <li>产品图号</li>
                    <li>设备位置</li>
                    <li>检查类型</li>
                    <li>检查结果</li>
                    <li>不良原因</li>
                    <li>检查时间</li>
                    <li>质检员</li>
                    <li>不合格状态</li>
                  </ul>
                </div>
                <div class="vticker-body" id="vticker2">
                  <ul>
                    <li>
                      <div>TE阀</div>
                      <div>DF50D622H03</div>
                      <div>A3-4</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>长度不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        09：21：58
                      </div>
                      <div>郑海燕</div>
                      <div>已处理</div>
                    </li>
                    <li class="even">
                      <div>3/8截止阀</div>
                      <div>WU50B225K01</div>
                      <div>B1-4</div>
                      <div>首检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        06:08:43
                      </div>
                      <div>王加会</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>3/8截止阀</div>
                      <div>WU50B594H01</div>
                      <div>B1-7</div>
                      <div>首检</div>
                      <div>不合格</div>
                      <div>打鼓不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:37:12
                      </div>
                      <div>丁苏清</div>
                      <div>已处理</div>
                    </li>
                    <li class="even">
                      <div>1/4截止阀</div>
                      <div>WU50B595H01</div>
                      <div>B5-5</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        07:43:21
                      </div>
                      <div>陈春萍</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>1/4截止阀</div>
                      <div>WU50B069K01</div>
                      <div>A4-2</div>
                      <div>首检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:37:12
                      </div>
                      <div>郑海燕</div>
                      <div>-</div>
                    </li>
                    <li class="even">
                      <div>3/8截止阀</div>
                      <div>WU50B164K02</div>
                      <div>A4-3</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>倒角不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        07:22:26
                      </div>
                      <div>王加会</div>
                      <div>已处理</div>
                    </li>
                    <li>
                      <div>5/8截止阀</div>
                      <div>WU50B165K01</div>
                      <div>B1-3</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        07:43:21
                      </div>
                      <div>王加会</div>
                      <div>-</div>
                    </li>
                    <li class="even">
                      <div>5/8截止阀</div>
                      <div>WU50B068K01</div>
                      <div>A4-1</div>
                      <div>首检</div>
                      <div>不合格</div>
                      <div>内径不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:41:03
                      </div>
                      <div>郑海燕</div>
                      <div>已处理</div>
                    </li>
                    <li>
                      <div>3/8截止阀</div>
                      <div>WU50B225K02</div>
                      <div>B1-5</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        09：21：58
                      </div>
                      <div>丁苏清</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>1/4截止阀</div>
                      <div>WU50B595H01</div>
                      <div>B5-5</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        06:08:43
                      </div>
                      <div>李雪姣</div>
                      <div>-</div>
                    </li>
                    <li class="even">
                      <div>5/8截止阀</div>
                      <div>WU50B299K02</div>
                      <div>B1-6</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>表面压印</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:41:03
                      </div>
                      <div>丁苏清</div>
                      <div>待处理</div>
                    </li>
                    <li class="even">
                      <div>1/4截止阀</div>
                      <div>WU50B596H01</div>
                      <div>B7-1</div>
                      <div>首检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        09:21:58
                      </div>
                      <div>郑玉</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>3/8截止阀</div>
                      <div>WU50B599H01</div>
                      <div>B7-3</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>开裂不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:41:03
                      </div>
                      <div>陈春萍</div>
                      <div>已处理</div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="vticker-container">
              <div class="vticker">
                <div class="vticker-header">
                  <ul>
                    <li>产品名称222</li>
                    <li>产品图号</li>
                    <li>设备位置</li>
                    <li>检查类型</li>
                    <li>检查结果</li>
                    <li>不良原因</li>
                    <li>检查时间</li>
                    <li>质检员</li>
                    <li>不合格状态</li>
                  </ul>
                </div>
                <div
                  class="vticker-body"
                  id="vticker3"
                  style="height: 447px !important"
                >
                  <ul>
                    <li>
                      <div>TE阀</div>
                      <div>DF50D622H03</div>
                      <div>A3-4</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>长度不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        09：21：58
                      </div>
                      <div>郑海燕</div>
                      <div>已处理</div>
                    </li>
                    <li class="even">
                      <div>3/8截止阀</div>
                      <div>WU50B225K01</div>
                      <div>B1-4</div>
                      <div>首检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        06:08:43
                      </div>
                      <div>王加会</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>3/8截止阀</div>
                      <div>WU50B594H01</div>
                      <div>B1-7</div>
                      <div>首检</div>
                      <div>不合格</div>
                      <div>打鼓不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:37:12
                      </div>
                      <div>丁苏清</div>
                      <div>已处理</div>
                    </li>
                    <li class="even">
                      <div>1/4截止阀</div>
                      <div>WU50B595H01</div>
                      <div>B5-5</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        07:43:21
                      </div>
                      <div>陈春萍</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>1/4截止阀</div>
                      <div>WU50B069K01</div>
                      <div>A4-2</div>
                      <div>首检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:37:12
                      </div>
                      <div>郑海燕</div>
                      <div>-</div>
                    </li>
                    <li class="even">
                      <div>3/8截止阀</div>
                      <div>WU50B164K02</div>
                      <div>A4-3</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>倒角不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        07:22:26
                      </div>
                      <div>王加会</div>
                      <div>已处理</div>
                    </li>
                    <li>
                      <div>5/8截止阀</div>
                      <div>WU50B165K01</div>
                      <div>B1-3</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        07:43:21
                      </div>
                      <div>王加会</div>
                      <div>-</div>
                    </li>
                    <li class="even">
                      <div>5/8截止阀</div>
                      <div>WU50B068K01</div>
                      <div>A4-1</div>
                      <div>首检</div>
                      <div>不合格</div>
                      <div>内径不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:41:03
                      </div>
                      <div>郑海燕</div>
                      <div>已处理</div>
                    </li>
                    <li>
                      <div>3/8截止阀</div>
                      <div>WU50B225K02</div>
                      <div>B1-5</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        09：21：58
                      </div>
                      <div>丁苏清</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>1/4截止阀</div>
                      <div>WU50B595H01</div>
                      <div>B5-5</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        06:08:43
                      </div>
                      <div>李雪姣</div>
                      <div>-</div>
                    </li>
                    <li class="even">
                      <div>5/8截止阀</div>
                      <div>WU50B299K02</div>
                      <div>B1-6</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>表面压印</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:41:03
                      </div>
                      <div>丁苏清</div>
                      <div>待处理</div>
                    </li>
                    <li class="even">
                      <div>1/4截止阀</div>
                      <div>WU50B596H01</div>
                      <div>B7-1</div>
                      <div>首检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        09:21:58
                      </div>
                      <div>郑玉</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>3/8截止阀</div>
                      <div>WU50B599H01</div>
                      <div>B7-3</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>开裂不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:41:03
                      </div>
                      <div>陈春萍</div>
                      <div>已处理</div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="vticker-container">
              <div class="vticker">
                <div class="vticker-header">
                  <ul>
                    <li>产品名称333</li>
                    <li>产品图号</li>
                    <li>设备位置</li>
                    <li>检查类型</li>
                    <li>检查结果</li>
                    <li>不良原因</li>
                    <li>检查时间</li>
                    <li>质检员</li>
                    <li>不合格状态</li>
                  </ul>
                </div>
                <div
                  class="vticker-body"
                  id="vticker4"
                  style="height: 447px !important"
                >
                  <ul>
                    <li>
                      <div>TE阀</div>
                      <div>DF50D622H03</div>
                      <div>A3-4</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>长度不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        09：21：58
                      </div>
                      <div>郑海燕</div>
                      <div>已处理</div>
                    </li>
                    <li class="even">
                      <div>3/8截止阀</div>
                      <div>WU50B225K01</div>
                      <div>B1-4</div>
                      <div>首检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        06:08:43
                      </div>
                      <div>王加会</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>3/8截止阀</div>
                      <div>WU50B594H01</div>
                      <div>B1-7</div>
                      <div>首检</div>
                      <div>不合格</div>
                      <div>打鼓不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:37:12
                      </div>
                      <div>丁苏清</div>
                      <div>已处理</div>
                    </li>
                    <li class="even">
                      <div>1/4截止阀</div>
                      <div>WU50B595H01</div>
                      <div>B5-5</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        07:43:21
                      </div>
                      <div>陈春萍</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>1/4截止阀</div>
                      <div>WU50B069K01</div>
                      <div>A4-2</div>
                      <div>首检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:37:12
                      </div>
                      <div>郑海燕</div>
                      <div>-</div>
                    </li>
                    <li class="even">
                      <div>3/8截止阀</div>
                      <div>WU50B164K02</div>
                      <div>A4-3</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>倒角不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        07:22:26
                      </div>
                      <div>王加会</div>
                      <div>已处理</div>
                    </li>
                    <li>
                      <div>5/8截止阀</div>
                      <div>WU50B165K01</div>
                      <div>B1-3</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        07:43:21
                      </div>
                      <div>王加会</div>
                      <div>-</div>
                    </li>
                    <li class="even">
                      <div>5/8截止阀</div>
                      <div>WU50B068K01</div>
                      <div>A4-1</div>
                      <div>首检</div>
                      <div>不合格</div>
                      <div>内径不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:41:03
                      </div>
                      <div>郑海燕</div>
                      <div>已处理</div>
                    </li>
                    <li>
                      <div>3/8截止阀</div>
                      <div>WU50B225K02</div>
                      <div>B1-5</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        09：21：58
                      </div>
                      <div>丁苏清</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>1/4截止阀</div>
                      <div>WU50B595H01</div>
                      <div>B5-5</div>
                      <div>巡检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        06:08:43
                      </div>
                      <div>李雪姣</div>
                      <div>-</div>
                    </li>
                    <li class="even">
                      <div>5/8截止阀</div>
                      <div>WU50B299K02</div>
                      <div>B1-6</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>表面压印</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:41:03
                      </div>
                      <div>丁苏清</div>
                      <div>待处理</div>
                    </li>
                    <li class="even">
                      <div>1/4截止阀</div>
                      <div>WU50B596H01</div>
                      <div>B7-1</div>
                      <div>首检</div>
                      <div>合格</div>
                      <div>-</div>
                      <div class="time">
                        2022-09-20 <br />
                        09:21:58
                      </div>
                      <div>郑玉</div>
                      <div>-</div>
                    </li>
                    <li>
                      <div>3/8截止阀</div>
                      <div>WU50B599H01</div>
                      <div>B7-3</div>
                      <div>巡检</div>
                      <div>不合格</div>
                      <div>开裂不良</div>
                      <div class="time">
                        2022-09-20 <br />
                        08:41:03
                      </div>
                      <div>陈春萍</div>
                      <div>已处理</div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="bottom-container">
          <div class="table-container bottom-left">
            <div class="title">质量检查</div>
            <div class="vticker-container">
              <div class="vticker">
                <div class="vticker-header">
                  <ul>
                    <li>检查类型</li>
                    <li>检查次数</li>
                    <li>不合格次数</li>
                  </ul>
                </div>
                <div class="vticker-body" id="vticker5">
                  <ul>
                    <li>
                      <div>首检</div>
                      <div>20</div>
                      <div>2</div>
                    </li>
                    <li class="even">
                      <div>巡检</div>
                      <div>31</div>
                      <div>5</div>
                    </li>
                    <li>
                      <div>末检</div>
                      <div>13</div>
                      <div>1</div>
                    </li>
                    <li>
                      <div>首检</div>
                      <div>20</div>
                      <div>2</div>
                    </li>
                    <li class="even">
                      <div>巡检</div>
                      <div>31</div>
                      <div>5</div>
                    </li>
                    <li>
                      <div>末检</div>
                      <div>13</div>
                      <div>1</div>
                    </li>
                    <li>
                      <div>首检</div>
                      <div>20</div>
                      <div>2</div>
                    </li>
                    <li class="even">
                      <div>巡检</div>
                      <div>31</div>
                      <div>5</div>
                    </li>
                    <li>
                      <div>末检</div>
                      <div>13</div>
                      <div>1</div>
                    </li>
                    <li>
                      <div>首检</div>
                      <div>20</div>
                      <div>2</div>
                    </li>
                    <li class="even">
                      <div>巡检</div>
                      <div>31</div>
                      <div>5</div>
                    </li>
                    <li>
                      <div>末检</div>
                      <div>13</div>
                      <div>1</div>
                    </li>

                    <li>
                      <div>首检</div>
                      <div>20</div>
                      <div>2</div>
                    </li>
                    <li class="even">
                      <div>巡检</div>
                      <div>31</div>
                      <div>5</div>
                    </li>
                    <li>
                      <div>末检</div>
                      <div>13</div>
                      <div>1</div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="table-container bottom-right">
            <div class="carousel" id="caro1">
              <div class="caro-main">
                <ul>
                  <li>
                    <div class="title long-title">TE阀 068B0204 39.85+0.5</div>
                    <div class="vticker-container" id="chart"></div>
                  </li>
                  <li>
                    <div class="title long-title">SP阀6.5±0.5</div>
                    <div class="vticker-container" id="chart2"></div>
                  </li>
                </ul>
              </div>
              <div class="caro-tab" style="left: 47%; bottom: 10px">
                <ul>
                  <li class="active"></li>
                  <li></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="../static/libs/jquery.min.js"></script>
  <script src="../static/libs/scaleScreen.js"></script>
  <script src="../static/libs/echarts.min.js"></script>
  <script src="../static/libs/vticker/jquery.vticker.min.js"></script>
  <script src="../static/js/page4.js"></script>
  <script src="../static/js/carousel.js"></script>
</html>
